@media only screen and (min-width: 769px){
/*����ͷ��*/
  .head-right{
    height: 90px;
    line-height: 90px;
    width:100%;
  }
  .head-right a{
    display:block;
    color: #126ace;
    font-size: 20px;
    padding-left: 44px;
    line-height: 90px;
    background: url(/img/lan_en1.png) no-repeat left center;
    transition:all 0.3s;
    float:right;
     font-family:'Arial', sans-serif !important;
 }  	
  .head-right a:hover{color: #dc0000;}
  /*�����ײ�*/
  .foot{margin:60px 0;}
  .foot dl{float:left;}
  .foot .foot-ss{float:right}
  
  .foot-lx{padding-top:12px;margin-right:5%;}
  .foot-lx dt{font-size: 20px;color: #0254a6;line-height: 20px;margin-bottom: 28px;font-weight: normal;}
  .foot-lx dd{color: #666;line-height: 36px;}
  .foot-lx dd a:hover{color:#0254a6 !important;}
  .foot-nav{padding: 12px 5% 0;border-left: 1px solid #c3c8cc;height: 200px;}
  .foot-nav dt{font-size: 20px;color: #0254a6;line-height: 20px;margin-bottom: 28px;font-weight: normal;}
  .foot-nav dd a{display: block; color: #666;line-height: 36px;padding-left: 12px;background: url(/img/nav_point.png) no-repeat left center;transition: all 0.3s;}
  .foot-nav dd:hover a{color: #0254a6;}
  
  .foot-ss{margin-top:12px;}
  .foot-ss dt{font-size: 20px;color: #0254a6;line-height: 20px;margin-bottom: 28px;font-weight: normal;}
  .foot-ss dd{float: left;height: 48px;margin:0 10px 10px 0;}
  .foot-ss dd:last-child{margin-right: 0;}
  .foot-ss dd a{display: block;width: 48px;height: 48px;}
  
  	.copy span{line-height: 70px;color:#666;}
	.copy span a{color:"#666";transition: all 0.3s;}
	.copy span a:hover{color:#0254a6;}
  
	/*��������*/
 	.about-col{width:88%;}
	.about-col p{font-size: 15px;color: #808080;line-height: 32px;text-align: justify;width:100%;margin-bottom:50px;}
	.about-col ul li{width: 120px;height: 120px;background: #eef2f6;text-align: center;float: left;margin-right: 20px;border-radius: 4px;transition: all 0.3s;}
  .about-col ul li:last-child{margin-right:0;}
	.about-col ul li:hover{background: #dc0000;}
	.about-col ul li em,.about-col ul li span{display: block;}
	.about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;}
	.about-col ul li:hover span{color: #fff;}
	.about-col ul li em{height: 30px;margin: 30px auto 16px;transition: all 0.3s;}
	.about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;}
	.about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;}
	.about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;}
	.about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;}
	.about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;}
	.about-col ul li:hover .about-icon1{background: url(/img/about_icon1.png) no-repeat center top;}
	.about-col ul li:hover .about-icon2{background: url(/img/about_icon2.png) no-repeat center top;}
	.about-col ul li:hover .about-icon3{background: url(/img/about_icon3.png) no-repeat center top;}
	.about-col ul li:hover .about-icon4{background: url(/img/about_icon4.png) no-repeat center top;}
	.about-col ul li:hover .about-icon5{background: url(/img/about_icon5.png) no-repeat center top;}
  
	/*������������Ŀ*/
	.about-sort{background: url(/img/about_bg.jpg) no-repeat center;height: 720px;}
	.about-sort ul li{float: left;width: 25%;height: 720px;position: relative;}
	.about-sort ul li a{display: block;width: 100%;height: 100%;border-right: 1px solid #4b8bc6;color: #fff;}
	.about-sort ul li a .content{padding: 80px 40px;position: absolute;left: 0; top: 0;z-index: 1;height: 100%;width: 100%;}
	.about-sort ul li a .content img{display: block;transition: all 1s;}
	.about-sort ul li a .content b{display: block;font-size: 30px;line-height: 30px;margin: 260px 0 30px;transition: all 0.8s;}
	.about-sort ul li a .content p{line-height: 22px;opacity: 0.8;margin-bottom: 70px;transition: all 0.8s;font-size: 14px;text-align:justify;}
	.about-sort ul li a .content span{display: block;line-height: 72px;border-top: 2px solid rgba(255,255,255,0.2);position: relative;background: url(/img/more1.png) no-repeat center left 66px;transition: all 0.8s;font-size: 14px;}
	.about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;}
	.about-sort ul li:hover a .content img{transform: rotateY(360deg);}
	.about-sort ul li:hover a .content b{margin: 240px 0 30px;}
	.about-sort ul li:hover a .content p{margin-bottom: 90px;opacity: 1;}
	.about-sort ul li:hover a .content span:after{width: 100%;}
	.about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;}
	.about-sort ul .about-sort1:after{background: url(/img/s44.jpg) no-repeat center center;}
	.about-sort ul .about-sort2:after{background: url(/img/s33.jpg) no-repeat center center;}
	.about-sort ul .about-sort3:after{background: url(/img/s22.jpg) no-repeat center center;}
	.about-sort ul .about-sort4:after{background: url(/img/s11.jpg) no-repeat center center;}
	.about-sort ul li:hover:after {opacity: 1;}
  
  /*��Ʒ����*/
	.pro-sort{padding: 0 10px;height: auto;}
	.pro-sort ul li {float: left;margin: 0 10px;width: calc(100% / 3 - 20px);height: 100%;}
	.pro-sort ul li  a{display:block;width: 100%;height: 100%;position: relative;}
  .pro-sort ul li a .pro-sort-img{width: 100%;height: 100%;}
	.pro-sort-col{width: 100%;height: 100%;background: rgba(2,84,166,0.6);  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;text-align: center;transition: all 0.6s;}
	.pro-sort-col i{display: block;width: 50px;height: 50px;margin: 50% auto 50px;transition: all 0.6s;}
	.pro-sort-col h3{font-size: 24px;font-weight: bold;line-height: 24px;margin-bottom: 20px;}
	.pro-sort-col span{display: block;font-size: 18px;line-height: 18px;}
	.pro-sort-col em{display: block;font-size: 14px;line-height: 42px;width: 130px;height: 42px;border-radius: 21px;background: #dc0000;margin: 80px auto 0;opacity: 0;transition: all 0.6s;}
	.pro-sort ul li:first-child a .pro-sort-col i{background: url(/img/pro_icon1.png) no-repeat center center;}
	.pro-sort ul li:nth-child(2) a .pro-sort-col i{background: url(/img/pro_icon2.png) no-repeat center center;}
	.pro-sort ul li:nth-child(3) a .pro-sort-col i{background: url(/img/pro_icon3.png) no-repeat center center;}
	.pro-sort ul li:hover a .pro-sort-col{width: 70%;height: 70%;}
	.pro-sort ul li:hover a .pro-sort-col em{opacity: 1;margin: 50px auto 0;}
	.pro-sort ul li:hover a .pro-sort-col i{margin: 30% auto 50px;}

  
	/*������ť*/
	.hz{text-align: center;font-size: 0;}
	.hz a{display: inline-block;width: 158px;height: 48px;border-radius: 4px;border: 1px solid #fff;color: #fff;line-height: 48px;font-size: 16px;margin: 0 15px;position: relative;transition: all 0.5s;}
	.hz a:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #dc0000;opacity: 0;;z-index: 0;transform: scale3d(0.7, 1, 1);transition: transform 0.4s, opacity 0.4s;transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);border-radius: 4px;}
	.hz a:hover:after{opacity: 1;transform: translate3d(0, 0, 0);}
	.hz a:hover{border-color: #dc0000;}
 	.hz a span{z-index: 3;position: absolute;left: 50%;transform: translateX(-50%);}
  
 /* �鿴����*/
 .more{width: 240px;height: 60px;background: #0254a6;font-size: 14px;color: #fff;text-indent: 60px;line-height: 60px;position: relative;}
 .more a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;color: #fff;text-indent: 60px;background:url(/img/more1.png) no-repeat center right 60px}
 .more:after{content: "";width: 100%;height: 4px;background:  #dc0000;position: absolute;left: 0;bottom: 0;z-index: 0;transition: all 0.5s;}
 .more:hover:after{height: 56px;}
  
 /*��ҳ ����ҵ������*/
 .case-achieve ul li{width: calc(100% / 3 - 40px);overflow: hidden;position: relative;text-align: center;float: left;margin:0 20px;}
.case-achieve ul li h4{width: 100%;height: 50px;font-size: 16px;background: rgba(2,84,166,0.7);line-height: 50px;position: absolute;left: 0;bottom: 0;color: #fff;transition: all 0.5s;}
 .case-achieve ul li img{display: block; width: 100%;transition: all 1s;}
 .achieve-col{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);transition: all 0.5s;opacity: 0;}
 .achieve-col i,.achieve-col span{display: block;}
 .achieve-col i{width: 48px;height: 48px;background: url(/img/case_more1.png) no-repeat center center;margin: 80px auto 30px;}
 .achieve-col span{font-size: 24px;color: #fff;}
 .case-achieve ul li:hover h4{bottom: -50px;}
 .case-achieve ul li:hover .achieve-col{opacity: 1;}
 .case-achieve ul li:hover img{transform: scale(1.2);}
 .achieve-col:before,.achieve-col:after{content: "";position: absolute;left: 20px;top: 20px;right: 20px;bottom: 20px;opacity: 0;transition: all 0.5s;}
 .achieve-col:before{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scale(0,1);
	transform-origin: 0 0;
}
 .achieve-col:after{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: scale(1,0);
	transform-origin: 100% 0;
}
 .case-achieve ul li:hover .achieve-col:before,.case-achieve ul li:hover  .achieve-col:after{
	opacity: 1;
	transform: scale(1);
	transition: all 0.5s;
}
  
  .ny_case_more{display:block;width:120px;height:42px;font-size:14px;color:#fff;background:#0254a6;text-align:center;line-height:42px;transition:all 0.5s;}
  .ny_case_more:hover{background:#dc0000;color:#fff;}
  .ny_case_more:visited{color:#fff;}
}



/*��*/
@media only screen and (max-width: 768px){
  /*ͷ������*/
  .w_grid-003 > div > .p_gridbox > .p_gridCell{width:auto;}
  #w_grid-1583303360297,
  #c_portalResnav_main-15833033601907099,
  #c_portalResPublic_codeContainer-15833032801716341,
  #w_grid-1583303139859,
  #w_grid-1583303142464{
   	min-height:60px;
  }
  #w_grid-1583303142464{width:94%;}
  #c_portalResnav_main-15833033601907099 .header{height:60px;}
  #c_portalResPublic_codeContainer-15833032801716341{
   	line-height:60px;
  }
    #content_box-1583303142464-0{
    width:40%;
  }
  #w_fimg-1583303157110{
   	margin-top:16px;
  }
  #content_box-1583303142464-1,#content_box-1583303142464-2{
    float:right;
  }
  #content_box-1583303142464-1 .container{
    padding:0;
    margin-left:20px;
  }
  #c_portalResnav_main-15833033601907099 .header{
    padding:0;
  }
  #c_portalResnav_main-15833033601907099 .header #navToggle{
   	padding:0;
    height:0;
  }
  #w_grid-1583303139859{
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    width:100%;
  }
  .pagebox{margin-top:60px;}
  
  /*������ť*/
  #c_portalResnav_main-15833033601907099 .header #navToggle span,
  #c_portalResnav_main-15833033601907099 .header #navToggle span:before,
  #c_portalResnav_main-15833033601907099 .header #navToggle span:after{
   	background:#0254a6;
    width:36px;
    height:2px;
  }
  #c_portalResnav_main-15833033601907099 .header #navToggle span:after{
  	 bottom:12px;
  }
   #c_portalResnav_main-15833033601907099 .header #navToggle span:before{
  	 top:10px;
  }
  #c_portalResnav_main-15833033601907099 .header #navToggle span{
   	margin-top:30px;
  }
  
  /*���ص�����Ŀ*/
  #c_portalResnav_main-15833033601907099 .m_nav{
    left:0;
  }
  #c_portalResnav_main-15833033601907099 .m_nav .top{
   	border-bottom:1px solid #dbdbdb;
    height:80px;
    padding:0 20px;
    background: url(/img/logo2.png) no-repeat center left 20px;
  }
  #c_portalResnav_main-15833033601907099 .m_nav .top .closed{
   	line-height:80px;
  }
  #c_portalResnav_main-15833033601907099 .m_nav .ul{
   	margin-top:20px;
  }
  #content_box-1583303142464-2 .head-right a{
    padding: 6px 20px;
    color:#fff;
    background:#dc0000;
    border-radius: 50px;
  }
  #c_portalResnav_main-15833033601907099 .m_nav .ul li a{
   	height:60px;
    line-height:60px;
  }
  #c_portalResnav_main-15833033601907099 .jt{
   	height:60px;
    line-height:60px;
  }
  
  /*������ť*/
  #w_grid-1583400125163{margin:30px auto;}
  #w_common_text-1583400215650{margin-bottom:10px;}
  #w_common_text-1583400215650 h2 span{font-size:32px;line-height:32px;}
  #w_common_text-1583400281650 p span{line-height:22px !important;}
  .hz{text-align: center;font-size: 0;}
  .hz a{
    display: inline-block;
    width: 148px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 44px;
    font-size: 14px;
    margin: 0 10px;
    position: relative;
    transition: all 0.5s;
  }
  .hz a:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;top: 0;
    background: #dc0000;
    opacity: 0;
    z-index: 0;
    transform: scale3d(0.7, 1, 1);
    transition: transform 0.4s, opacity 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    border-radius: 4px;
  }
  .hz a:hover:after{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .hz a:hover{border-color: #dc0000;}
   .hz a span{
     z-index: 3;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
  }
  
  /*�����ײ�*/
  .foot{padding:30px 0;}
  .foot-nav,.contact-hide{
  	 display:none;
  }
  .foot-lx{
    border-bottom:1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .foot-lx dt{
    font-size: 24px;
    color: #0254a6;
    line-height: 24px;
    margin-bottom: 14px;
    font-weight: normal;
    text-align:center;
  }
  .foot-lx dd{
    color: #666;
    line-height: 32px;
    font-size:15px;
    text-align:center;}
  
  .foot-ss{margin-top:12px;font-size:0;text-align:center;}
  .foot-ss dt{font-size: 24px;color: #0254a6;line-height: 24px;margin-bottom: 20px;font-weight: normal;}
  .foot-ss dd{display:inline-block;height: 48px;margin:0 5px;}
  .foot-ss dd:last-child{margin-right: 0;}
  .foot-ss dd a{display: block;width: 48px;height: 48px;}
  
  #c_portalResPublic_codeContainer-15832927181818191{padding:15px;}
  .copy span{line-height: 24px;color:#666;}
  .copy span a{color:"#666";transition: all 0.3s;}
  .copy span a:hover{color:#0254a6;}
  
  /*��������*/
  #w_grid-1583312295011{
    width:94%;
    margin:0 auto;
  }
  #w_common_text-1583312360444{
    margin-top:30px;
    text-align:center;
  }
  #w_common_text-1583312360444 p span{
    font-size:28px !important;
  }
  #w_fimg-1583312464710{
   	margin:20px auto;
  }
  #w_common_text-1583312399352{text-align:center;}
  #w_common_text-1583312399352 p span{
    font-size:24px;
    line-height: 24px;
  }
  
  	.about-col{width:100%;}
	.about-col p{
      font-size: 14px;
      color: #808080;
      line-height: 22px;
      text-align: justify;
      margin:20px auto 10px;
      text-align-last:center;
  }
	.about-col ul li{
      width: 20%;
      height: auto;
      text-align: center;
      float: left;
      border-radius: 4px;
      transition: all 0.3s;
  }
  #c_portalResPublic_codeContainer-15833125543743956{margin-top:20px;}
	.about-col ul li em,.about-col ul li span{display: block;}
	.about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;}
	.about-col ul li em{height: 30px;margin: 10px auto 16px;}
	.about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;}
	.about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;}
	.about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;}
	.about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;}
	.about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;}
  .about-sort{background: url(/img/about_bg.jpg) no-repeat center;height: 720px;}
	.about-sort ul li{float: left;width: 25%;height: 720px;position: relative;}
	.about-sort ul li a{display: block;width: 100%;height: 100%;border-right: 1px solid #4b8bc6;color: #fff;}
	.about-sort ul li a .content{padding: 80px 40px;position: absolute;left: 0; top: 0;z-index: 1;height: 100%;width: 100%;}
	.about-sort ul li a .content img{display: block;transition: all 1s;}
	.about-sort ul li a .content b{display: block;font-size: 30px;line-height: 30px;margin: 260px 0 30px;transition: all 0.8s;}
	.about-sort ul li a .content p{line-height: 22px;opacity: 0.8;margin-bottom: 70px;transition: all 0.8s;font-size: 14px;text-align:justify;}
	.about-sort ul li a .content span{display: block;line-height: 72px;border-top: 2px solid rgba(255,255,255,0.2);position: relative;background: url(/img/more1.png) no-repeat center left 18%;transition: all 0.8s;font-size: 14px;}
	.about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;}
	.about-sort ul li:hover a .content img{transform: rotateY(360deg);}
	.about-sort ul li:hover a .content b{margin: 240px 0 30px;}
	.about-sort ul li:hover a .content p{margin-bottom: 90px;opacity: 1;}
	.about-sort ul li:hover a .content span:after{width: 100%;}
	.about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;}
	.about-sort ul .about-sort1:after{background: url(/img/s44.jpg) no-repeat center center;}
	.about-sort ul .about-sort2:after{background: url(/img/s33.jpg) no-repeat center center;}
	.about-sort ul .about-sort3:after{background: url(/img/s22.jpg) no-repeat center center;}
	.about-sort ul .about-sort4:after{background: url(/img/s11.jpg) no-repeat center center;}
	.about-sort ul li:hover:after {opacity: 1;}
  .m-video{font-size:0;margin:20px auto;}
  
  /*������������Ŀ*/
	.about-sort{
      background: url(/img/about_bg.jpg) no-repeat center;
      height: auto;
  }
	.about-sort ul li{
      float: left;
      width: 50%;
      height:280px;
      position: relative;
  }
	.about-sort ul li a{
      display: block;
      width: 100%;
      height: 100%;
      border-right: 1px solid #4b8bc6;
      color: #fff;
      border-bottom: 1px solid #4b8bc6;
  }
	.about-sort ul li a .content{
      padding:20px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      height: 100%;
      width: 100%;
  }
	.about-sort ul li a .content img{
      display: block;
      transition: all 1s;
      height:12%;
  }
	.about-sort ul li a .content b{
      display: block;
      font-size: 20px;
      line-height: 20px;
      margin:60px 0 20px;
      transition: all 0.8s;
  }
	.about-sort ul li a .content p{
      line-height: 22px;
      opacity: 0.8;
      margin-bottom: 30px;
      transition: all 0.8s;
      font-size: 14px;
      text-align:justify;
  		overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp:2 ;
      -webkit-box-orient:vertical;
  }
	.about-sort ul li a .content span{
      display: block;
      line-height: 50px;
      border-top: 2px solid rgba(255,255,255,0.2);
      position: relative;
      background: url(/img/more1.png) no-repeat center left 66px;
      transition: all 0.8s;
      font-size: 14px;
  }
	.about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;}
	.about-sort ul li:hover a .content img{transform: rotateY(360deg);}
	.about-sort ul li:hover a .content b{margin: 60px 0 20px;}
	.about-sort ul li:hover a .content p{margin-bottom:30px;opacity: 1;}
	.about-sort ul li:hover a .content span:after{width: 100%;}
	.about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;}
	.about-sort ul .about-sort1:after{background: url(/img/s44.jpg) no-repeat center center;background-size:100% 100%;}
	.about-sort ul .about-sort2:after{background: url(/img/s33.jpg) no-repeat center center;background-size:100% 100%;}
	.about-sort ul .about-sort3:after{background: url(/img/s22.jpg) no-repeat center center;background-size:100% 100%;}
	.about-sort ul .about-sort4:after{background: url(/img/s11.jpg) no-repeat center center;background-size:100% 100%;}
	.about-sort ul li:hover:after {opacity: 1;}
  
  /*��Ʒ����*/
  #c_portalResProduct_category-15849517336996302 .container{
   	padding:0 0 20px;
  }
  #w_grid-1583395389512{
    margin-top:30px;
    margin-bottom:30px;
    width:94%;
  }
  #w_common_text-1583316192626 p span{font-size:28px !important;line-height:28px;}
  #w_fimg-1583316150212{margin:20px auto;}
  #c_portalResProduct_category-15834150339994684{margin-top:30px;}
  #w_common_text-1583316077983{max-width:100%;}
  #w_common_text-1583316077983 p span{text-align:justify;line-height:22px;}
  
  #c_portalResProduct_category-15849517336996302 .proCateBox{
   	padding:20px 0 0;
    
  }
  
  #c_portalResProduct_category-15849517336996302 .swiper-container{
    overflow:vivisble
    
  }
  #c_portalResProduct_category-15849517336996302 .slide9{
    padding:0;
    width:100%;
  	 margin-right:0;
  }
  
  #c_portalResProduct_category-15849517336996302 .cate-pic-box{
   	height:auto;
    padding-bottom:0;
  }
  #c_portalResProduct_category-15849517336996302 .cate-pic{
   	position:unset;
    top: unset;
    left: unset;
    transform: unset;
    width:100%;
    height:auto;
  }
  #c_portalResProduct_category-15849517336996302 .swiper-button{
   	top:30%;
    transform:unset;
  }
  #c_portalResProduct_category-15849517336996302 .swiper-button .iconfont{
   	font-size:24px;
    color:#0254a6;
  }
  #c_portalResProduct_category-15849517336996302 .btn-right9{right:0;}
  #c_portalResProduct_category-15849517336996302 .btn-left9{left:0;}
  #c_portalResProduct_category-15849517336996302 .title{
  	 font-size:1.2rem;
    color:#0254a6;
    margin-bottom:0;
  }
  #c_portalResProduct_category-15849517336996302 .content{
  	 padding:10px;
  }
  #c_portalResProduct_category-15849517336996302 .summary{
  	text-align:center;
  }
  #c_portalResProduct_category-15849517336996302 .swiper-pagination-bullet{
  	border-radius: 50%;
    margin:0 10px;
  }
  #c_portalResProduct_category-15849517336996302 .swiper-pagination-bullet-active{
  	background:rgba(2,84,166,1)
  }
  #w_grid-1583904549030{
  background-color:rgba(245, 245, 245, 1);
  border-top:1px solid #dbdbdb;
  border-bottom:1px solid #dbdbdb;
}
  
  
  /*���̰���*/
  #w_grid-1583418312289{
    width:94%;
    margin:30px auto;
  }
  #w_common_text-1583453650693 p span{
    font-size:28px !important;
    line-height:28px;
  }
  #w_fimg-1583453650699{
    margin:20px auto;
  }
  #w_common_text-1583453650707{
   	max-width:100%;
  }
  #c_portalResProduct_list-15849575593273877 .proContainer{
   	min-width:100%;
  }
  #c_portalResProduct_list-15849575593273877 .proLi{
  	 padding:0;
  }
  #c_portalResProduct_list-15849575593273877 .proLink{
   	border:none;
    height:auto;
  }
  #c_portalResProduct_list-15849575593273877 .txtBox{
   	padding:0;
    height:auto;
  }
  
  #c_portalResProduct_list-15849575593273877 .proTitle{
  	border:none;
    background:#fff;
    padding-right:0;
    text-align: center;
    padding: 0 20px;
    height:50px;
    line-height:50px;
  }
  #c_portalResProduct_list-15849575593273877 .proImgBox{
   	position:unset;
    height:auto;
  }
  #c_portalResProduct_list-15849575593273877 .proImg{
    width:100%;
  	 position:unset;
    top:unset;
    left:unset;
    transform:unset;
  }
  #c_portalResProduct_list-15849575593273877 .proContainer{
  	 padding:10px;
    margin:0 auto;
  }
  
  .lantern{
    margin-left:0 !important;
    margin-right:0 !important;
    width:100%;
  }
  #c_portalResProduct_list-15849575593273877 .imgLink{display:none;}
  #c_portalResProduct_list-15849575593273877 .name{
   	font-weight:normal;
    font-size:1rem;
  }
  .more{width: 240px;height: 60px;background: #0254a6;font-size: 14px;color: #fff;text-indent: 60px;line-height: 60px;position: relative;}
 .more a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;color: #fff;text-indent: 60px;background:url(/img/more1.png) no-repeat center right 60px}
 .more:after{content: "";width: 100%;height: 4px;background:  #dc0000;position: absolute;left: 0;bottom: 0;z-index: 0;transition: all 0.5s;}
 .more:hover:after{height: 56px;}
  #w_grid-1583475448883{margin-top:0;}
  
  /*������Ѷ*/
  #w_grid-1585060711609{display:none;}
  #w_grid-1583457550341{margin:30px auto;width:94%;}
  #w_common_text-1583454390857 p span{font-size:28px !important;line-height:28px;}
  #w_fimg-1583454390863{margin:20px auto;}
  #w_common_text-1583454390874{max-width:100%;}
  #w_common_text-1583454390874 p span{text-align:justify;}
  #w_grid-1585060633644{display:none;}
  #w_grid-1583454390838{margin-bottom:0;}
 
  #c_portalResNews_list-15850636845364268 .p_news{
   	padding:0 5px;
  }
  #c_portalResNews_list-15850636845364268 .newTitleLink{
   	padding:6px 0;
    font-size:16px;
  }
  #c_portalResNews_list-15850636845364268 .newPicLink{
   	position:unset;
  }
  #c_portalResNews_list-15850636845364268 .newMs{
    font-size:14px;
    height:auto;
    overflow: hidden;
  	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp:2 ;
	 -webkit-box-orient:vertical;
 	 text-align:justify;	 
  }
  #c_portalResNews_list-15850636845364268 .newPicBox{
    height:auto;
    padding-bottom:0;
  }
  
  /*��ҳ ������ʽ*/
  #w_grid-1585105387845,
  #w_grid-1585110949282,
  #w_grid-1585114714735,
  #w_grid-1585114924826,
  #w_grid-1585119924116,
  #w_grid-1585123774762,
  #w_grid-1585125920128,
  #w_grid-1585127831832,
  #w_grid-1585128864729,
  #w_grid-1585132885511,
  #w_grid-1585147447936,
  #w_grid-1585181608413,
  #w_grid-1585183546904,
  #w_grid-1585183372825,
  #w_grid-1585183632405{
    margin:30px auto;
  }
  #w_common_text-1583978158558 p span,
  #w_common_text-1585110949291 p span,
  #w_common_text-1585114714741 p span,
  #w_common_text-1585114924839 p span,
  #w_common_text-1585119924176 p span,
  #w_common_text-1583978546882 p span,
  #w_common_text-1585125920137 p span,
  #w_common_text-1583987335497 p span,
  #w_common_text-1585128864738 p span,
  #w_common_text-1583983851834 p span,
  #w_common_text-1583984263499 p span,
  #w_common_text-1584009363969 p span,
  #w_common_text-1585183546914 p span,
  #w_common_text-1585183372835 p span,
  #w_common_text-1585183632411 p span{
    font-size:28px;
  }
  #w_fimg-1583978285244,
  #w_fimg-1585110949295,
  #w_fimg-1585114714744,
  #w_fimg-1585114924846,
  #w_fimg-1585119924126,
  #w_fimg-1583978546885,
  #w_fimg-1585125920141,
  #w_fimg-1583987335502,
  #w_fimg-1585128864741,
  #w_fimg-1583983851839,
  #w_fimg-1583984263501,
  #w_fimg-1584009363971,
  #w_fimg-1585183546917,
  #w_fimg-1585183372840��
  #w_fimg-1585183632414{
    margin:10px auto;
  }
  #w_common_text-1583978346239 p span,
  #w_common_text-1585110949301 p span,
  #w_common_text-1585114714749 p span,
  #w_common_text-1585114924853 p span,
  #w_common_text-1585119924181 p span,
  #w_common_text-1583978546889 p span,
  #w_common_text-1585125920151 p span,
  #w_common_text-1583987573079 p span,
  #w_common_text-1585128864747 p span,
  #w_common_text-1583983851846 p span,
  #w_common_text-1583984990058 p span,
  #w_common_text-1584009363975 p span,
  #w_common_text-1585183546922 p span,
  #w_common_text-1585183372847 p span��
  #w_common_text-1585183632419 p span{
    font-size:14px;
  }
  .c_portalResBreadcrumb_nav-01001 .p_breadcrumb,
  #c_portalResAtlas_detail-15839370914359150 .prev,
  #c_portalResAtlas_detail-15839370914359150 .next,
  #c_portalResAtlas_detail-1585119924196 .prev,
  #c_portalResAtlas_detail-1585119924196 .next{
    color:#0254a6;
  }
  .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent,
  .c_portalResBreadcrumb_nav-01001 .p_end .i_separator{
    display:none;
  }
  
  /*������*/
  #w_grid-1583832256958,
  #c_portalResIntro_category-1583832256998,
  #w_grid-1583913991272,
  #c_portalResIntro_category-1583913991312,
  #w_grid-1583936776988,
  #c_portalResIntro_category-1583936777038,
  #w_grid-1583917052157,
  #c_portalResIntro_category-1583917052207,
  #w_grid-1585119924136,
  #c_portalResIntro_category-1585119924186,
  #w_grid-1583741960983,
  #w_grid-1583741960993,
  #c_portalResProduct_category-15838265210487879,
  #w_grid-1583831728272,
  #w_grid-1583831728282,
  #c_portalResProduct_category-1583831728322,
  #w_grid-1583988947052,
  #w_grid-1583988947042,
  #w_grid-1584009022300,
  #c_portalResProduct_category-1583988947102,
  #w_grid-1583831658618,
  #w_grid-1583831658628,
  #w_grid-1584004193935,
  #w_grid-1584004193925,
  #c_portalResProduct_category-1584004193985{
   min-height:50px;
  }
  .p_btn-hide{background: #f5f5f5;}
  .p_btn-hide .p_c-fff{background: #dc0000;}
  #w_grid-1583832256968,
  #w_grid-1583913991282,
  #w_grid-1583936776998,
  #w_grid-1583917052167,
  #w_grid-1585119924146,
  #w_grid-1583741960993,
  #w_grid-1583831728282,
  #w_grid-1583988947052,
  #w_grid-1583831658628,
  #w_grid-1584004193935{
    width:100%;
  }
  .c_portalResBreadcrumb_nav-01001{display:none;}
  .btn-primary{
  	 background-color:#f5f5f5;
    width: 100%;
    border-radius: 0;
    border: none;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 16px;
    text-align: left;
    padding-left: 20px;
    color:#0254a6;
  }
  
  /*��ҳ ��������*/
  #w_grid-1583832256978{
  	 width:94%;
    margin:30px auto;
  }
  .p_linkBox{padding:10px 0 10px 20px;}
  .c_portalResIntro_detail-01001 .p_tit,
  .c_portalResIntro_detail-01001 .p_dataSource,
  .c_portalResIntro_detail-01001 .summary-mo{display:none;}
  .c_portalResIntro_detail-01001 .p_header{
    margin: 0 auto;
    padding-bottom: 20px;
    margin-bottom:20px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-size: 28px !important;
  }
  .c_portalResIntro_detail-01001 .p_con{
   	margin:0;
  }
  #c_portalResIntro_detail-1583832257008 .js-reset_style div{
   	font-size: 14px;
    line-height: 24px;
    text-indent: 28px;
  }
  .c_portalResIntro_detail-01001 .p_content{
    margin:0;
  }
  /*��ҳ ��ҵ����,�����豸*/
  #w_grid-1583913991292,
  #w_grid-1583917052177,
  #w_grid-1583936777008,
  #w_grid-1585119924156{
  	 width:98%;
    margin:30px auto;
  }
  #c_portalResAtlas_list-15839146383677956 .p_Atlas,
  #c_portalResAtlas_list-1583917052217 .p_Atlas{
  	 padding:0 5px;
  }
  #c_portalResAtlas_list-15839146383677956 .articles{
  	 width:50%;
    margin-right: 0 !important;
    padding: 0 10px;
  }
  #c_portalResAtlas_list-15839146383677956 .title,
  #c_portalResAtlas_list-1583917052217 .title{
    height: 40px;
    line-height: 40px;
  }
  #c_portalResAtlas_list-15839146383677956 .titleLink,
  #c_portalResAtlas_list-1583917052217 .titleLink{
    padding:0 10px;
   	font-size:0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p_pagebox{width:96%;}
  .p_pagebox .NumBox{height:45px;border:none;}
  #c_portalResAtlas_list-1583917052217 .picBox{padding:5px;}
  #c_portalResAtlas_detail-15839370914359150 .picTop,
  #c_portalResAtlas_detail-1585119924196 .picTop{
    display:block;
  }
  #c_portalResAtlas_detail-15839370914359150 .picTitle,
  #c_portalResAtlas_detail-1585119924196 .picTitle{
  	 font-size: 1.2rem;
    padding-bottom: 1rem;
  }
  #w_grid-1583937089283 > div > .p_gridbox,
  #w_grid-1585119924166 > div > .p_gridbox{
    background:none;
  }
  #c_portalResAtlas_detail-15839370914359150 .detail,
  #c_portalResAtlas_detail-1585119924196 .detail{
    padding:0 10px;
  }
  .c_portalResAtlas_detail-01001 .p_Atlas{margin:0 auto;}
  .c_portalResAtlas_detail-01001 .p_PrevAndNext{margin-bottom:0;}
  #c_portalResAtlas_detail-15839370914359150 .nextBox,
  #c_portalResAtlas_detail-1585119924196 .nextBox{
   	height:20px;
    line-height:20px;
  }
  
  /*��ҳ ��Ʒ����*/
  .p_category{background:#fff;}
  #w_grid-1583741961003{
    width:98%;
    margin:30px auto;
  }
  #c_portalResProduct_list-15838967225122266 .proLi{
  	 width: 50%;
    float: left;
    padding:0 5px;
    margin-bottom:10px;
  }
  #c_portalResProduct_list-15838967225122266 .proLink{
  	 height:auto;
  }
  #c_portalResProduct_list-15838967225122266 .txtBox{
   	height:auto;
    padding:0;
  }
  #c_portalResProduct_list-15838967225122266 .proTitle{
   	height:auto;
    padding:20px 0 0;
  }
  #c_portalResProduct_list-15838967225122266 .proLi .proSummry{
   	display:none;
  }
  #c_portalResProduct_list-15838967225122266 .name{
    font-size:16px;
    font-weight:normal;
  }
  
  /* ��ҳ ��Ʒ����*/
  #w_grid-1583904549030 > div > .p_gridbox{
   	background:none;
    border:none;
  }
  #w_grid-1583831728292{
   	margin:30px auto;
  }
  .c_portalResProduct_detail-04001 .p_content{
   	text-align:center;
    padding:0;
    margin:0;
  }
  #c_portalResProduct_detail-15838317865784786 .js-reset_style img{
    width:100% !important;
    height:auto !important;
  }
  #c_portalResProduct_detail-15838317865784786 .css_table td{
   	padding:0;
    text-align: center;
  }
  /*��ҳ  ������Ѷ*/
  #w_grid-1583831912117{display:none;}
  #w_grid-1583886928178{margin:30px auto;}
  #c_portalResNews_list-15838869269912195 .contentBoxB{
   	padding: 1rem 0rem;
  }
  #c_portalResNews_list-15838869269912195 .container{padding:0 5px;}
  #c_portalResNews_list-15838869269912195 .newTitle{margin-bottom:15px;}
  #c_portalResNews_list-15838869269912195 .newMs{margin:0 0 10px;}
  #c_portalResNews_list-15838869269912195 .newPic{width:100%;}
  
  /*��ҳ ��������*/
  #w_grid-1583832045927{display:none;}
  #w_grid-1583832045947{margin:30px auto;}
  
  
  .c_portalResNews_detail-01001 .p_dataSource,
  .c_portalResNews_detail-01001 .p_articlesTitle,
  .c_portalResNews_detail-01001 .p_summary{
    display:none;
  }
  .c_portalResNews_detail-01001 .p_TitleBoxA{
    padding:0;
    margin:0;
   	max-width:100%;
  }
  .c_portalResNews_detail-01001 .p_headA{
    font-size:20px;
    text-align:center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
  }
  #c_portalResNews_detail-15838320850453711 .js-reset_style div{
   	font-size:14px;
    text-indent:28px;
    line-height:24px;
  }
  .c_portalResNews_detail-01001 .p_PrevAndNextMo{
   	border-top:1px solid #ccc;
    border-bottom:none;
    margin-top:10px;
    padding-top:10px;
  }
  .c_portalResNews_detail-01001 .p_PrevAndNext{
   	height:auto;
  }
  /*��������*/
  #w_grid-1583832892828{display:none;}
  #w_grid-1583832892848{margin: 30px auto;}
  #w_grid-1583833098323 > div > .p_gridbox{background:none;}
  #w_common_text-1583833098332{padding: 0;margin-top:0px;}
  #w_common_text-1583833098332 p span{font-size:20px !important;}
  #w_fline-1583833098336{padding-top:10px;}
  #c_portalResMessage_form-15838330984631833{padding-bottom:0;}
  #c_portalResMessage_form-15838330984631833 .p_ContactInfo{padding:0;}
  #c_portalResMessage_form-15838330984631833 .p_groupBox textarea{
   	background:#f5f5f5;
  }
  #c_portalResMessage_form-15838330984631833 .InputText{
   	background:#f5f5f5;
    padding:0 20px;
  }
  #c_portalResMessage_form-15838330984631833 .p_ContactInfo{
    padding:20px 5px 0;
  }
  #c_portalResMessage_form-15838330984631833 .form-group{
    width:100%;
    margin:0;
  }
  #c_portalResMessage_form-15838330984631833 .p_EmailBox{
    padding-right:0 !important;
  }
  #c_portalResMessage_form-15838330984631833 .p_groupBox textarea{
   	height:140px;
  }
  #c_portalResMessage_form-15838330984631833 .e_input{
	 height: 50px;
    margin-bottom: 10px;
  }
  #c_portalResMessage_form-15838330984631833 .form-control{
  	 height:50px;
  }
  #c_portalResMessage_form-15838330984631833 .e_text{
   	margin-bottom:10px;
  }
  #c_portalResMessage_form-15838330984631833 .p_image{
   	height:50px;
  }
  #c_portalResMessage_form-15838330984631833 .p_CoupWBox{
   	padding:0;
    margin:20px auto 0;
  }
  #c_portalResMessage_form-15838330984631833 .btn-primary{
    color:#fff;
    padding-left: 0;
    text-align: center;
    font-size: 16px;
    height:50px;
  }
  
  /*��ϵ����*/
  #w_grid-1583832119349{display:none;}
  #w_grid-1583832119369{margin:30px auto;}
  #w_grid-1583908266617{min-height:auto;}
  #w_grid-1583908266594{padding:0 5px;}
  #w_grid-1583908266617 > div > .p_gridbox{background:none;}
  #w_common_text-1583908706596{margin:0;}
  #w_common_text-1583908706596 p span{font-size:20px;}
  #w_grid-1583908266626,
  #w_grid-1583911640726,
  #w_grid-1583911643823,
  #w_grid-1583911645531,
  #w_grid-1583911646970,
  #w_fimg-1583912444183{
    margin-left:0;
  }
  #w_grid-1583908266626 >.w_grid>.p_gridbox>.p_gridCell:first-child,
  #w_grid-1583911640726 >.w_grid>.p_gridbox>.p_gridCell:first-child,
  #w_grid-1583911643823 >.w_grid>.p_gridbox>.p_gridCell:first-child,
  #w_grid-1583911645531 >.w_grid>.p_gridbox>.p_gridCell:first-child,
  #w_grid-1583911646970 >.w_grid>.p_gridbox>.p_gridCell:first-child{
   	width:12%;
  }
  #w_grid-1583908266626 >.w_grid>.p_gridbox>.p_gridCell:last-child,
  #w_grid-1583911640726 >.w_grid>.p_gridbox>.p_gridCell:last-child,
  #w_grid-1583911643823 >.w_grid>.p_gridbox>.p_gridCell:last-child,
  #w_grid-1583911645531 >.w_grid>.p_gridbox>.p_gridCell:last-child,
  #w_grid-1583911646970 >.w_grid>.p_gridbox>.p_gridCell:last-child{
   	width:88%;
  }
  #c_portalResPublic_codeContainer-15839130004345546{min-height:240px;}
  #mapContainer{height:240px !important;}
  
  /*����ҵ������*/
  #c_portalResIntro_category-15840678819391815,
  #c_portalResProduct_category-15839986113136663{
    height:50px;
  }
  #w_grid-1584009022320{
    margin:30px auto;
  }
  #w_grid-1584009022310{width:100%;}
  
  /*����ҵ������*/
  #w_grid-1583991340225,
  #w_grid-1584068010445{
    margin:20px auto;
  }
  .case-achieve ul{
   	font-size:0;
    text-align:center;
  }
  .case-achieve ul li{
    width: calc(100% / 3 - 10px);
    overflow: hidden;
    text-align: center;
    display:inline-block;
    margin:0 5px; 
    vertical-align: top;
  }
.case-achieve ul li h4{
   width: 100%;
   font-size: 0.75rem;
   line-height: 1rem;
   color: #0254a6;
   padding-top:0.3rem;
   transition: all 0.5s;
  }
 .case-achieve ul li img{display: block; width: 100%;}
 
  #w_grid-1583996310389,
  #w_grid-1583997560657,
  #w_grid-1583997727194,
  #w_grid-1583831658638{
    margin:20px auto;
    padding:0 5px;
  }
  #w_common_text-1584068647521,
  #w_common_text-1583997560671,
  #w_common_text-1583998340909{
   	border-bottom:1px solid #0254a6;
  }
  
  #w_common_text-1584068647521 p span,
  #w_common_text-1583997560671 p span,
  #w_common_text-1583998340909 p span{
    font-size:18px;
  }
  #c_portalResProduct_list-15839963094056605 .proLi,
  #c_portalResProduct_list-15839975596356387 .proLi,
  #c_portalResProduct_list-15839977262870044 .proLi,
  #c_portalResProduct_list-1583831658678 .proLi{
    padding:0;
    margin-top:10px;
  }
  #c_portalResProduct_list-1583831658678 .proLi{margin-bottom:0;}
  #w_grid-1583996481267,
  #w_grid-1583997560664,
  #w_grid-1583997727204{
    padding:0;
    margin-bottom:0;
  }
  .ny_case_more{
    display:block;
    width:90px;
    height:32px;
    font-size:12px;
    color:#fff;
    background:#0254a6;
    text-align:center;
    line-height:32px;
    transition:all 0.5s;
    margin-top:4px;
  }
  #c_portalResPublic_codeContainer-15839968191827432,
  #c_portalResPublic_codeContainer-15839975596366411,
  #c_portalResPublic_codeContainer-15839977262069836{
    max-width:90px;
  }
  .ny_case_more:hover{background:#dc0000;color:#fff;}
  .ny_case_more:visited{color:#fff;}
  #c_portalResProduct_list-15839963094056605 .porBbox,
  #c_portalResProduct_list-15839975596356387 .porBbox,
  #c_portalResProduct_list-15839977262870044 .porBbox,
  #c_portalResProduct_list-1583831658678 .porBbox{
    padding:0 10px;
  }
  #w_fline-1583997517185,
  #w_fline-1583997682725
  {
   	margin:30px 0;
  }
  #w_grid-1583988947062{display:none;}
  .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox{height:60px;}
  
  /*����ҵ������*/
  #w_grid-1584004193945 > div > .p_gridbox{
   	background:none;
    border:none;
  }
  #w_grid-1584004193955{margin:30px auto;}
  #w_grid-1584004193955 .d_ProName .font{
    font-size:18px;
    line-height:24px;
  }
  #w_grid-1584004193955 img{
   	width: 100% !important;
    height: auto !important;
  }
}





























/*����*/
@media only screen and (min-width: 1200px){
  .contact-hide{display:none;}
  #c_portalResnav_main-15833033601907099 .header{
    padding:0;
  }
  #c_portalResnav_main-15833033601907099 .header .container{
    width:100%;
    padding:0;
  }
}
@media only screen and (max-width: 1200px){
  #w_grid-1583303139859{
   	/*display:none;*/
  }
}

/*����*/
@media only screen and (min-width: 769px) and (max-width: 1200px){
  #w_grid-1583303360297,
  #c_portalResnav_main-15833033601907099,
  #c_portalResPublic_codeContainer-15833032801716341,
  #w_grid-1583303139859,
  #w_grid-1583303142464{
   	min-height:70px;
  }
  #c_portalResnav_main-15833033601907099 .header{
    padding:0;
    height:70px;
  }
  #c_portalResnav_main-15833033601907099 .header .container{
    width:100%;
    padding:0;
  }
  #c_portalResnav_main-15833033601907099 .header .nav{
   	line-height:70px;
  }
  #c_portalResnav_main-15833033601907099 .header .navbar_nav li a{
   	padding:0 18px;
    font-size:14px;
  }
  .head-right{
   	height:70px;
    line-height:70px;
  }
  .head-right a{
   	line-height:70px;
    background: url(/img/lan_en.png) no-repeat left center;
  }
  
  /*�����ײ�*/
  .foot{display:none;}
  .contact-hide{width: 100%;margin:40px 0;display:block;}
  .contact-hide h2{text-align:center;margin-bottom:40px;}
  .contact-hide ul li{float: left;width: 25%;text-align: center;padding: 0 10px;}
  .contact-hide ul li .foot-pic{max-width: 30%;margin: 0 auto;}
  .contact-hide ul li .foot-pic img{width: 100%;}
  .contact-hide ul li span{display: block;font-size: 18px;color: #0254a6;line-height: 18px;margin-top: 20px;}
  .contact-hide ul li p{color: #333;line-height: 24px; margin-top: 10px;}
  
  /*��������*/
  #w_grid-1583312295011> div > .p_gridbox > .p_gridCell:nth-child(2n+1){
   	width:100%;
    text-align: center;
  }
  #w_grid-1583312295011> div > .p_gridbox > .p_gridCell:nth-child(2n+0){
   	width:100%;
  }
  #w_grid-1583312295011{
    margin-top:30px;
    margin-bottom:50px;
  }
  #w_fimg-1583312464710{
    margin:30px auto;
  }
  #c_portalResPublic_codeContainer-15833125543743956{
   	margin-top:30px;
  }
  #w_common_text-1583312360444{margin-top:20px;}
  #w_common_text-1583312360444 p span{
    font-size:32px;
  }
  .about-col{
    width:90%;
    margin:0 auto;
  }
  .about-col p{
      font-size: 14px;
      color: #808080;
      line-height: 24px;text-align: justify;
      width:100%;
      margin:0 auto 30px;
      text-align-last: center;
      
  }
  .about-col ul{
    text-align:center;
    font-size:0;
  }
	.about-col ul li{
      width: 90px;
      height: 90px;
      background: #eef2f6;
      text-align: center;
      display:inline-block;
      float:none;
      margin: 0 3% 30px;
      border-radius: 4px;
      transition: all 0.3s;
  }
	.about-col ul li:hover{background: #dc0000;}
	.about-col ul li em,.about-col ul li span{display: block;}
	.about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;}
	.about-col ul li:hover span{color: #fff;}
	.about-col ul li em{height: 30px;margin: 18px auto 12px;transition: all 0.3s;}
	.about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;}
	.about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;}
	.about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;}
	.about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;}
	.about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;}
	.about-col ul li:hover .about-icon1{background: url(/img/about_icon1.png) no-repeat center top;}
	.about-col ul li:hover .about-icon2{background: url(/img/about_icon2.png) no-repeat center top;}
	.about-col ul li:hover .about-icon3{background: url(/img/about_icon3.png) no-repeat center top;}
	.about-col ul li:hover .about-icon4{background: url(/img/about_icon4.png) no-repeat center top;}
	.about-col ul li:hover .about-icon5{background: url(/img/about_icon5.png) no-repeat center top;}
  
  /*������������Ŀ*/
	.about-sort{
      background: url(/img/about_bg.jpg) no-repeat center;
      height: auto;
  }
	.about-sort ul li{
      float: left;
      width: 50%;
      height:360px;
      position: relative;
  }
	.about-sort ul li a{
      display: block;
      width: 100%;
      height: 100%;
      border-right: 1px solid #4b8bc6;
      color: #fff;
      border-bottom: 1px solid #4b8bc6;
  }
	.about-sort ul li a .content{
      padding:40px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      height: 100%;
      width: 100%;
  }
	.about-sort ul li a .content img{
      display: block;
      transition: all 1s;
      height:16%;
  }
	.about-sort ul li a .content b{
      display: block;
      font-size: 24px;
      line-height: 24px;
      margin:40px 0 20px;
      transition: all 0.8s;
  }
	.about-sort ul li a .content p{
      line-height: 22px;
      opacity: 0.8;
      margin-bottom: 30px;
      transition: all 0.8s;
      font-size: 14px;
      text-align:justify;
  		overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp:3 ;
      -webkit-box-orient:vertical;
  }
	.about-sort ul li a .content span{
      display: block;
      line-height: 72px;
      border-top: 2px solid rgba(255,255,255,0.2);
      position: relative;
      background: url(/img/more.png) no-repeat center left 66px;
      transition: all 0.8s;
      font-size: 14px;
  }
	.about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;}
	.about-sort ul li:hover a .content img{transform: rotateY(360deg);}
	.about-sort ul li:hover a .content b{margin: 40px 0 20px;}
	.about-sort ul li:hover a .content p{margin-bottom:30px;opacity: 1;}
	.about-sort ul li:hover a .content span:after{width: 100%;}
	.about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;}
	.about-sort ul .about-sort1:after{background: url(/img/js_bg.jpg) no-repeat center center;background-size:100% 100%;}
	.about-sort ul .about-sort2:after{background: url(/img/zz_bg.jpg) no-repeat center center;background-size:100% 100%;}
	.about-sort ul .about-sort3:after{background: url(/img/sl_bg.jpg) no-repeat center center;background-size:100% 100%;}
	.about-sort ul .about-sort4:after{background: url(/img/sb_bg.jpg) no-repeat center center;background-size:100% 100%;}
	.about-sort ul li:hover:after {opacity: 1;}
  
  /*��Ʒ����*/
  #w_grid-1583395389512{
    margin-top:50px;
    margin-bottom:50px;
    width:98%;
  }
  #w_fimg-1583316150212{
    margin:30px auto;
  }
  #c_portalResProduct_category-15834150339994684{margin-top:30px;}
  #w_common_text-1583316077983{max-width:90%;}
  .pro-sort-col i{margin:40% auto 50px;}
  .pro-sort-col h3{
    font-size:20px;
    line-height:20px;
  }
  .pro-sort-col span{
   	font-size:16px;
  }
  .pro-sort-col em{margin:60px auto 0;}
  .pro-sort ul li:hover a .pro-sort-col{
    width: 90%;
    height: 90%;
  }
  .pro-sort ul li:hover a .pro-sort-col em{
    opacity: 1;
    margin: 30px auto 0;
  }
  .pro-sort ul li:hover a .pro-sort-col i{margin: 30% auto 30px;}
  
  /*����չʾ*/
  #w_grid-1583418312289{margin:50px auto;width:98%;}
  #w_fimg-1583453650699{ margin:30px auto;}
  #w_common_text-1583453650707{max-width:90%;}
  #c_portalResProduct_list-15850467434703188 .proContainer{max-width:100%;}
  #c_portalResProduct_list-15850467434703188 .lookDetail{height:50px;line-height:50px;}
  #w_grid-1583474899358{margin-top:30px;}
  
   /*������Ѷ*/
  #w_grid-1585060711609{display:block;margin-top:30px;}
  #w_grid-1585060633644{display:none;}
  #w_grid-1583457550341{margin:50px auto;}
  #w_fimg-1583454390863{margin:30px auto;}
  #w_common_text-1583454390874{max-width:90%;}
  #c_portalResNews_list-15850607125928452 .newContainer{
   	max-width:100%;
    margin:0 auto;
    padding:0 20px;
  }
  #c_portalResNews_list-15850607125928452 .newLi{
  	 width:calc(100% / 3 - 20px);
    margin:0 10px 5px;
  }
  #c_portalResNews_list-15850607125928452 .newSummry{
   	color: #808080;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
  }
  
}


/*����*/
@media only screen and (min-width: 1201px) and (max-width: 1555px){
  /*��������*/
  #c_portalResnav_main-15833033601907099 .header .navbar_nav li a{
   	padding:0 20px;
    font-size:15px;
  }
  
  /*�ײ�����*/
  .foot .foot-ss{
   	width:174px;
  }
  
  /*��������*/
  #w_fimg-1583312464710{
    margin-top:30px;
    margin-bottom:30px;
  }
  #c_portalResPublic_codeContainer-15833125543743956{
   	margin-top:20px;
  }
  #w_common_text-1583312360444{margin-top:10px;}
  #w_common_text-1583312360444 p span{
    font-size:32px;
  }
  .about-col{width:90%;}
	.about-col p{
      font-size: 14px;
      color: #808080;
      line-height: 24px;text-align: justify;
      width:100%;
      margin-bottom:30px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
  }
	.about-col ul li{
      width: 90px;
      height: 90px;
      background: #eef2f6;
      text-align: center;
      float: left;
      margin-right: 14px;
      border-radius: 4px;
      transition: all 0.3s;
  }
   .about-col ul li:last-child{margin-right:0;}
	.about-col ul li:hover{background: #dc0000;}
	.about-col ul li em,.about-col ul li span{display: block;}
	.about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;}
	.about-col ul li:hover span{color: #fff;}
	.about-col ul li em{height: 30px;margin: 18px auto 12px;transition: all 0.3s;}
	.about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;}
	.about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;}
	.about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;}
	.about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;}
	.about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;}
	.about-col ul li:hover .about-icon1{background: url(/img/about_icon1.png) no-repeat center top;}
	.about-col ul li:hover .about-icon2{background: url(/img/about_icon2.png) no-repeat center top;}
	.about-col ul li:hover .about-icon3{background: url(/img/about_icon3.png) no-repeat center top;}
	.about-col ul li:hover .about-icon4{background: url(/img/about_icon4.png) no-repeat center top;}
	.about-col ul li:hover .about-icon5{background: url(/img/about_icon5.png) no-repeat center top;}
  
  /*������������Ŀ*/
	.about-sort{
      background: url(/img/about_bg.jpg) no-repeat center;
      height: 520px;
  }
	.about-sort ul li{
      float: left;
      width: 25%;
      height:520px;
      position: relative;
  }
	.about-sort ul li a{
      display: block;
      width: 100%;
      height: 100%;
      border-right: 1px solid #4b8bc6;
      color: #fff;
  }
	.about-sort ul li a .content{
      padding: 60px 40px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      height: 100%;
      width: 100%;
  }
	.about-sort ul li a .content img{
      display: block;
      transition: all 1s;
  }
	.about-sort ul li a .content b{
      display: block;
      font-size: 30px;
      line-height: 30px;
      margin: 160px 0 30px;
      transition: all 0.8s;
  }
	.about-sort ul li a .content p{
      line-height: 22px;
      opacity: 0.8;
      margin-bottom: 30px;
      transition: all 0.8s;
      font-size: 14px;
      text-align:justify;
  		overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp:3 ;
      -webkit-box-orient:vertical;
  }
	.about-sort ul li a .content span{
      display: block;
      line-height: 72px;
      border-top: 2px solid rgba(255,255,255,0.2);
      position: relative;
      background: url(/img/more.png) no-repeat center left 66px;
      transition: all 0.8s;
      font-size: 14px;
  }
	.about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;}
	.about-sort ul li:hover a .content img{transform: rotateY(360deg);}
	.about-sort ul li:hover a .content b{margin: 140px 0 30px;}
	.about-sort ul li:hover a .content p{margin-bottom: 50px;opacity: 1;}
	.about-sort ul li:hover a .content span:after{width: 100%;}
	.about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;}
	.about-sort ul .about-sort1:after{background: url(/img/js_bg.jpg) no-repeat center center;}
	.about-sort ul .about-sort2:after{background: url(/img/zz_bg.jpg) no-repeat center center;}
	.about-sort ul .about-sort3:after{background: url(/img/sl_bg.jpg) no-repeat center center;}
	.about-sort ul .about-sort4:after{background: url(/img/sb_bg.jpg) no-repeat center center;}
	.about-sort ul li:hover:after {opacity: 1;}
  
  /*��Ʒ����*/
  .pro-sort{padding:0;}
  .pro-sort ul li:hover a .pro-sort-col em{margin:30px auto 0;}
  
  
  /*���̰���*/
  #w_grid-1583418312289{width:96%;}
  
  /*������Ѷ*/
  #w_grid-1585060711609{display:block;}
  #w_grid-1585060633644{display:none;}
  #c_portalResNews_list-15850607125928452 .newContainer{
   	width:96%;
    margin:0 auto;
  }
  #c_portalResNews_list-15850607125928452 .newLi{
  	 width:calc(100% / 3 - 30px);
    margin:0 15px 5px;
  }
  #c_portalResNews_list-15850607125928452 .newSummry{
   	    color: #808080;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
  }
}
  
  

@media only screen and (min-width: 1400px) and (max-width: 1700px){
  /*��������*/
  #w_fimg-1583312464710{
    margin-top:30px;
    margin-bottom:40px;
  }
  #c_portalResPublic_codeContainer-15833125543743956{
   	margin-top:20px;
  }
 	.about-col{width:90%;}
	.about-col p{font-size: 14px;color: #808080;line-height: 24px;text-align: justify;width:100%;margin-bottom:30px;}
	.about-col ul li{width: 100px;height: 100px;background: #eef2f6;text-align: center;float: left;margin-right: 20px;border-radius: 4px;transition: all 0.3s;}
  .about-col ul li:last-child{margin-right:0;}
	.about-col ul li:hover{background: #dc0000;}
	.about-col ul li em,.about-col ul li span{display: block;}
	.about-col ul li span{font-size: 14px;color: #0254a6;line-height: 14px;}
	.about-col ul li:hover span{color: #fff;}
	.about-col ul li em{height: 30px;margin: 20px auto 16px;transition: all 0.3s;}
	.about-col ul li .about-icon1{width: 28px;background: url(/img/about_icon1.png) no-repeat center bottom;}
	.about-col ul li .about-icon2{width: 32px;background: url(/img/about_icon2.png) no-repeat center bottom;}
	.about-col ul li .about-icon3{width: 30px;background: url(/img/about_icon3.png) no-repeat center bottom;}
	.about-col ul li .about-icon4{width: 34px;background: url(/img/about_icon4.png) no-repeat center bottom;}
	.about-col ul li .about-icon5{width: 32px;background: url(/img/about_icon5.png) no-repeat center bottom;}
	.about-col ul li:hover .about-icon1{background: url(/img/about_icon1.png) no-repeat center top;}
	.about-col ul li:hover .about-icon2{background: url(/img/about_icon2.png) no-repeat center top;}
	.about-col ul li:hover .about-icon3{background: url(/img/about_icon3.png) no-repeat center top;}
	.about-col ul li:hover .about-icon4{background: url(/img/about_icon4.png) no-repeat center top;}
	.about-col ul li:hover .about-icon5{background: url(/img/about_icon5.png) no-repeat center top;}
  
  /*������������Ŀ*/
	.about-sort{
      background: url(/img/about_bg.jpg) no-repeat center;
      height: 600px;
  }
	.about-sort ul li{
      float: left;
      width: 25%;
      height:600px;
      position: relative;
  }
	.about-sort ul li a{
      display: block;
      width: 100%;
      height: 100%;
      border-right: 1px solid #4b8bc6;
      color: #fff;
  }
	.about-sort ul li a .content{
      padding: 60px 40px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      height: 100%;
      width: 100%;
  }
	.about-sort ul li a .content img{
      display: block;
      transition: all 1s;
  }
	.about-sort ul li a .content b{
      display: block;
      font-size: 30px;
      line-height: 30px;
      margin: 200px 0 30px;
      transition: all 0.8s;
  }
	.about-sort ul li a .content p{line-height: 22px;opacity: 0.8;margin-bottom: 40px;transition: all 0.8s;font-size: 14px;text-align:justify;}
	.about-sort ul li a .content span{display: block;line-height: 72px;border-top: 2px solid rgba(255,255,255,0.2);position: relative;background: url(/img/more.png) no-repeat center left 66px;transition: all 0.8s;font-size: 14px;}
	.about-sort ul li a .content span:after{content: "";width: 15%;height: 2px;background: #fff; transition: all 0.8s;position: absolute;left: 0;top: -2px;}
	.about-sort ul li:hover a .content img{transform: rotateY(360deg);}
	.about-sort ul li:hover a .content b{margin: 180px 0 30px;}
	.about-sort ul li:hover a .content p{margin-bottom: 60px;opacity: 1;}
	.about-sort ul li:hover a .content span:after{width: 100%;}
	.about-sort ul li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: all 1.5s;}
	.about-sort ul .about-sort1:after{background: url(/img/js_bg.jpg) no-repeat center center;}
	.about-sort ul .about-sort2:after{background: url(/img/zz_bg.jpg) no-repeat center center;}
	.about-sort ul .about-sort3:after{background: url(/img/sl_bg.jpg) no-repeat center center;}
	.about-sort ul .about-sort4:after{background: url(/img/sb_bg.jpg) no-repeat center center;}
	.about-sort ul li:hover:after {opacity: 1;}
  
  /*������Ѷ*/

}
@media only screen and (min-width: 1400px){
	 #w_grid-1585060711609{display:none;}
}